<style>
	ul.navigation {
		display: flex;
		height:100%;
	}

	.navigation .vertical-box {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.navigation .vertical-box p {
		font-size:1.2rem;
	}

	.navigation .vertical-box div {
		display: flex;
		flex-flow: column nowrap;
		align-items: stretch;
	}


</style>

<footer class="nav-footer display-table">
	<ul class="navigation" >
		<li class="vertical-box " onclick="window.location.href='{:U('shop/index/index')}'">
			<div class=" ">
				<span class="footer-icon-home"></span>
				<p style="left: 1px" class=" ">首页</p>
			</div>
		</li>
		<li class="vertical-box" onclick="window.location.href='{:U('shop/index/cate_product')}'">
			<div class=" ">  <!--.footer-group-->
				<span class="footer-icon-list"></span>
				<p style="left: 1px" class=" ">全部商品</p>
			</div>
		</li>
		<li class="vertical-box" onclick="window.location.href='{:U('shop/index/true_order_list')}'">
			<div class=" ">
				<span class="footer-icon-cart"></span>
				<p style="left: -3px" class=" ">订单查询</p>
			</div>
		</li>
		<li class="vertical-box" onclick="window.location.href='{:U('shop/index/user')}'">
			<div class=" ">
				<span class="footer-icon-user"></span>
				<p style="left: 2px" class=" ">我的</p>
			</div>
		</li>
	</ul>
</footer>